<template>
  <div class="nav">
    <avater :name="Info.name" :avaterurl="baseUrl+Info.img" :autograph="Info.descript" ></avater>
    <Menu></Menu>
  </div>
</template>

<script>
import Avater from '../Avater/Avater.vue'
import Menu from "../menu/menu.vue"
import {getAvaterInfo,Info} from "../../compostion/useHomeNav"
import {onBeforeMount} from "vue"
import {baseUrl} from '../../config'


export default {
    
    components:{
      Avater,
      Menu
    },
    setup(){
      onBeforeMount( async ()=>{
          await getAvaterInfo();
          
        
      })

      return{
        Info,
        baseUrl
      }
    }


}
</script>

<style lang="less" scoped >
    .nav{
        width: 300px;
        height: 100%;
        background-color: #20201a;
        display: flex;
        flex-direction: column;
        justify-content:flex-start;
        overflow-x:hidden
    }
</style>